<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,user-scalable=no" />
    <title>NCUT 猫</title>
    <!-- jquery -->
    <script src="./lib/jquery.min.js"></script>
    <script src="./lib/jquery.form.js"></script>
    <!-- popper -->
    <script src="./lib/popper.min.js"></script>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="./lib/bootstrap.min.css">
    <link rel="stylesheet" href="./lib/bootstrap-theme.min.css">
    <script src="./lib/bootstrap.min.js"></script>
    <script src="./lib/bootstrap.bundle.min.js"></script>
    <!-- vue -->
    <script src="./lib/vue.js"></script>
    <!-- js -->
    <script src="./js/ConstData.js"></script>
    <script src="./js/navManager.js"></script>
    <script src="./js/foot-tab-bar.js"></script>
    <script src="./js/cloud-cat.js"></script>
    <!-- css -->
    <link rel="stylesheet" type="text/css" href="./css/cloud-cat.css">
    <link rel="stylesheet" type="text/css" href="./css/mainFrame.css">
    <link rel="stylesheet" type="text/css" href="./css/tab-bar.css">
    <!-- icon -->
    <script src="./icon/iconfont.js"></script>
    <style type="text/css">
    .icon {
        width: 1em;
        height: 1em;
        vertical-align: -0.15em;
        fill: currentColor;
        overflow: hidden;
    }
    </style>
    <!-- gitee -->
    <script src='https://gitee.com/yl_yuanlu/ncut-cat/widget_preview' async defer></script>
</head>

<body>
    <script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?31207b272b6e51a0d4ac38f5863a8974";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
    </script>
    <span id="head_top" class="head_top">
        <span class="top_icon"></span>
        <span class="top_text">北方工大猫协</span>
        <span id="top_nav_box" class="top_nav_box">
            <span id="top_nav" class="top_nav">
                <!-- JS ADD -->
            </span>
        </span>
    </span>
    <span class="head">
        <a class="top_box" href="search.html" onclick="_hmt.push(['_trackEvent', 'search', 'click', 'cloud-cat.html'])">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-search"></use>
            </svg>
            <span class="text">花花</span>
            <span class="action">搜索</span>
        </a>
        <ul id="head_nav" class="nav nav-tabs">
            <li id="hn_feed_cat" class="active"><a href="javascript:void(0);" onclick="nav_click(true);">在校</a></li>
            <li id="hn_adopt_cat"><a href="javascript:void(0);" onclick="nav_click(true)">休学</a></li>
            <li id="hn_about_cat"><a href="javascript:void(0);" onclick="nav_click(true)">猫星</a></li>
        </ul>
        <div id="head_carousel" class="carousel slide" data-bs-ride="carousel">
            <!-- 指示符 -->
            <ul class="carousel-indicators">
                <li data-bs-target="#head_carousel" data-bs-slide-to="0" class="active"></li>
                <li data-bs-target="#head_carousel" data-bs-slide-to="1"></li>
                <li data-bs-target="#head_carousel" data-bs-slide-to="2"></li>
            </ul>
            <!-- 轮播图片 -->
            <div class="carousel-inner">
                <div class="carousel-item active"> <img src=""> </div>
                <div class="carousel-item"> <img src=""> </div>
                <div class="carousel-item"> <img src=""> </div>
            </div>
            <script>
            $.get("/img/cat-rand?limit=3", r => {
                if (!r.success) return;
                for (let i = 0; i < 3 && i < r.result.length; i++) {
                    let hash = r.result[i].hash;
                    $(`#head_carousel .carousel-inner img:eq(${i})`).attr('src', '/img/cat/' + hash);
                }
            });
            </script>
        </div>
    </span>
    <div id="main-content">
        <!-- 在校 -->
        <span class="main-content" style="display: none;" data-status="0">
            <span class="title">找猫咪</span>
            <!-- <span class="module-list one-line cat-types" > 后期再使用one-line 模块 -->
            <span class="module-list cat-types">
                <!-- JS添加 -->
            </span>
            <span class="title">我们的项目</span>
            <div id="osc-gitee-widget-tag"></div>
            <span class="module-list thread_content"></span>
        </span>
        <!-- 休学 -->
        <span class="main-content" style="display: none;" data-status="1">
            <span class="title">找猫咪</span>
            <!-- <span class="module-list one-line cat-types" > 后期再使用one-line 模块 -->
            <span class="module-list cat-types">
                <!-- JS添加 -->
            </span>
            <span class="module-list thread_content"></span>
        </span>
        <!-- 猫星 -->
        <span class="main-content" style="display: none;" data-status="2">
            <span class="title">找猫咪</span>
            <!-- <span class="module-list one-line cat-types" > 后期再使用one-line 模块 -->
            <span class="module-list cat-types">
                <!-- JS添加 -->
            </span>
            <span class="module-list thread_content"></span>
        </span>
        <div class="threadTool">
            <svg class="main icon" aria-hidden="true" onclick="location.href='/public/editor.html'">
                <use xlink:href="#icon-zengjiatianjiajiajian"></use>
            </svg>
        </div>
    </div>
</body>

</html>